@media screen and (max-width:1023px) {

}
@media screen and (max-width:599px) {


section {
    font-size: 3.2vw;
}
div.image_sd_wrap {
  width: 350%;
  padding: 3vw 0;
}
.hamburger_bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9998;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
}
.hamburger_bg.on {
  opacity: 1;
  visibility: visible;
}
.pctt {
  display: none;
}
.mott {
  display: block;
}


.sub {
  font-size: 5vw;
  margin-bottom: 2vw;
}
.title {
  font-size: 7.4vw;
  letter-spacing: -0.4vw;
  text-align: center;
  line-height: 1.3;
}
.subtt {
  font-size: 3.6vw;
}




.main_container {
  width: 95%;
  height: 150vw;
  border-radius: 0 0 3vw 3vw;
  z-index: 0;
}
.main {
  padding-bottom: 2.5vw;
}
.main_ttbox {
  gap: 4vw;
  top: 0;
}
.m_01 {
  width: 56%;
}
.m_02 {
  width: 59%;
}
.m_03 {
  width: 68%;
}
.m_01_2 {
  width: 70%;
}
.m_02_2 {
  width: 65%;
}
.m_03_2 {
  width: 52%;
}
.main_con {
  gap: 4vw;
  flex-direction: column !important;
  margin-bottom: 4vw;
}
.m_10 {
  width: 0.35%;
  height: 1vw;
  rotate: 90deg;
}
.main_ttwrap {
  margin-bottom: 8vw;
}
.main_con_box.item1 {
  width: 100%;
}
.main_con_box.item2 {
  width: 100%;
}
.m_06 {
  width: 30%;
}
.m_07 {
  width: 42%;
}
.m_08 {
  width: 30%;
}
.m_09 {
  width: 19%;
}
.main_con_box {
  gap: 3vw;
}
.m_04 {
  width: 36%;
  top: 11%;
  left: 0%;
  z-index: -1;
}
.m_05 {
  width: 35%;
  top: 11%;
  right: 0%;
  z-index: -1;
}
.m_11 {
  width: 48%;
  left: -6%;
  bottom: -1%;
}
.m_12 {
  width: 50%;
  right: -8%;
  bottom: -1%;
}
.m_13 {
  width: 133%;
  opacity: 0.6;
}





.con01 {
  position: static;
}
.con01_8 {
  width: 240%;
  /* z-index: 6; */
}
.con01_8 > img{
  z-index: -1;
}
.con01_tt02 {
  font-size: 7.2vw;
  margin-bottom: 4vw;
}
.con01_tt01 {
  font-size: 5.8vw;
  margin-bottom: 3vw;
}
.con01_tt03 {
  font-size: 3.8vw;
  margin-bottom: 4vw;
  text-align: center;
  line-height: 1.5;
}
.con01_tt04 {
  font-size: 3.8vw;
  margin-bottom: 10vw;
  text-align: center;
  line-height: 1.5;
}
.con01_tt04::after {
  width: 107%;
  height: 105%;
}
.con01_6 {
  width: 29%;
  margin-bottom: 14vw;
}
.con01_7 {
  width: 3.2%;
}
.con01_stag{
  opacity: 0.5;
  z-index: -1;
}
.con01_1 {
  width: 18%;
  top: -6%;
  left: 27%;
}
.con01_2 {
  width: 18%;
  top: 11%;
  right: 24%;
}
.con01_3 {
  width: 21%;
  bottom: -6%;
  left: 28%;
}
.con01_tt04_bg {
  width: 107%;
  height: 105%;
  left: 50%;
  top: 48%;
}




.con02 {
  padding: 16vw 0 0 0;
  margin-top: -7vw;
}
.con02_row {
  width: 80% !important;
  gap: 2vw;
  margin-bottom: 6vw;
  flex-wrap: wrap;
}
.con02_1 {
  width: 37%;
}
.con02_5 {
  width: 74%;
  margin-bottom: 3vw;
}
.con02_6 {
  width: 43%;
  margin-bottom: 8vw;
}
.con02_15 {
  width: 80%;
  opacity: 0.4;
  z-index: 1;
}
.con02_con{
  display: none;
}
.swiper_con02_m{
  width: 100%;
  bottom: 10%;
  padding-top: 3vw;
}
.con02_7 {
  width: 94%;
}
.swiper-slide-active .con02_con_box_top {
  opacity: 1;
}





.con03 {
  padding: 13vw 0;
}
.con03_tt02 {
  margin-bottom: 8vw;
}
.swiper_con03_slide {
  flex-direction: column;
  gap: 2vw;
}
.con03_con_box {
  width: 80%;
}
.con03_con_box.rltv{
  margin-top: -25vw;
}
.swiper_con03_btn {
  width: 7%;
  bottom: 44%;
}
.swiper_con03_next {
  right: 6%;
}
.swiper_con03_prev {
  left: 6%;
}
.con03_circle {
  width: 21%;
  right: -11%;
  bottom: 5%;
}
.con03_circle_tt.this {
  margin-top: 6.2vw;
}
.con03_13_2 {
  width: 38%;
}
.con03_12_2 {
  width: 59%;
}
.con03_5_2 {
  width: 63%;
}
.con03_circle_tt {
  margin-bottom: 4vw;
}
.con03_15 {
  width: 120%;
}
/* .con03_10{
  transition-delay: 0.5s;
}
.con03_con_box_tt{
  transition-delay: 0.9s;
} */





.con04 {
  padding: 15vw 0 0 0;
}
.con04_row {
  width: 255% !important;
  gap: 2vw;
  margin-bottom: 6vw;
  flex-direction: column !important;
}
.con04_tt01 {
  margin-bottom: 4vw;
}
.con04_tt03 {
  margin-bottom: 50vw;
}
.con04_11 {
  width: 85%;
  margin-bottom: -5vw;
}
.con04_10_2 {
  width: 63%;
  margin-top: 6vw;
}
.con04_10 {
  width: 31%;
  right: auto;
  top: 41%;
}
.con04_stag {
  display: none;
}
.swiper_con04_m{
  width: 100%;
  margin-bottom: 10vw;
}
.con04_4 {
  width: 87%;
}
.con04_5 {
  width: 96%;
}
.con04_6 {
  width: 83%;
}
.con04_7 {
  width: 85%;
}
.con04_8 {
  width: 92%;
}
.con04_9 {
  width: 95%;
}
.con04_12 {
  width: 125%;
}





.con05 {
  padding: 13vw 0 18vw 0;
}
.con05_tt02 {
  margin-bottom: 8vw;
}
.con05_con_center {
  padding: 4vw 0;
}
.con05_con_center_tt01 {
  padding: 1vw 3vw;
  font-size: 3.8vw;
  margin: 0 auto;
  margin-bottom: 10vw;
}
.con05_con_center_countwrap {
  gap: 1vw;
}
.con05_con_center_countbox {
  width: 7.5vw;
  height: 10vw;
  border-radius: 1.4vw;
}
.con05_con_center_count_move span {
  font-size: 7.8vw;
  width: 7.5vw;
  height: 10vw;
  line-height: 1.2;
}
.con05_countbox_comma {
  font-size: 6vw;
  margin-top: 2.5vw;
}
.con05_countwrap_tt01 {
  font-size: 4.2vw;
  left: auto;
  top: -7vw;
}
.con05_countwrap_tt02 {
  font-size: 4vw;
  width: 7vw;
  height: 7vw;
  right: -3vw;
  bottom: -3vw;
  line-height: 7vw;
}
.con05_3 {
  width: 100%;
}
.con05_con {
  margin-bottom: 25vw;
}
.con05_6 {
  width: 28%;
  right: auto;
  bottom: 30%;
}
.con05_7 {
  width: 67%;
  bottom: -10%;
}





.con06 {
  padding: 13vw 0;
}
.con06_tt01 {
  padding: 1vw 2vw;
  border: 1px solid #000;
  border-radius: 100px;
  font-size: 4.3vw;
}
.con06_tt02 {
  margin-bottom: 8vw;
}
.con06_con {
  display: none;
}
.swiper_con06_m{
  width: 100%;
  padding-bottom: 6vw;
}
.con06_con_box {
  width: 86%;
}
.swiper_con06_m_btn {
  width: 8%;
  bottom: 49%;
  cursor: pointer;
  z-index: 5;
}
.swiper_con06_m_prev{
  left: 3%;
  transform: rotateY(180deg);
}
.swiper_con06_m_next{
  right: 3%;
}
.con6_5 {
  width: 47%;
  bottom: -18%;
  opacity: 0.3;
}
.con6_4 {
  width: 43%;
  left: -9%;
  top: -6%;
  rotate: 6deg;
  opacity: 0.4;
  z-index: -1;
}





.con07 {
  height: auto;
  flex-direction: column;
  background: url("/images/con07_6.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.con07_left {
  width: 100%;
  height: auto;
  padding: 13vw 0 6vw 0;
  background: none;
}
.con07_1 {
  width: 78%;
  margin-bottom: 7vw;
}
.con07_2 {
  width: 67%;
}
.con07_right {
  width: 100%;
  height: auto;

}
.con07_right_move_box{
  opacity: 1 !important;
}
.con07_right_move_box.item2{
  position: relative;
}
.con07_right_move_box.item3{
  position: relative;
}
.con07_right_move {
  width: 100%;
  gap: 5vw;
  padding: 0 0 10vw 0;
  margin-left: 0;
  position: static !important;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.num_tt {
  padding: 1.6vw 3vw 1.2vw 3vw;
  font-size: 4vw;
  margin: 0 auto;
}
.con07_right_num {
  margin-bottom: 4vw;
}
.con07_right_tt01 {
  font-size: 5.5vw;
  margin-bottom: 3vw;
}
.con07_right_tt02 {
  font-size: 3.6vw;
  margin-bottom: 6vw;
}
.con07_right_img {
  width: 85%;
  margin: 0 auto;
}
.con07_right_page {
  display: none;
}
.con07_right_move_box {
  width: 90%;
  padding: 6vw 0;
  border-radius: 4vw;
  background-color: #fff;
}
.con07_4 {
  width: 82%;
  z-index: -1;
  bottom: -38%;
}
.con07_right_circle {
  width: 29%;
  right: 4%;
  bottom: -3%;
}





.con08 {
  padding: 15vw 0;
}
.con08_tt01 {
  margin-bottom: 4vw;
}
.con08_2 {
  width: 92%;
  margin-bottom: 12vw;
}
.con08_line {
  display: none;
}
.con08_con {
  flex-direction: column;
  gap: 12vw;
  align-items: center;
}
.con08_con_box {
  width: 83%;
}
.con08_bg {
  width: 96%;
  height: 97%;
  border-radius: 4vw;
}
.con08_con_box_title {
  width: 52%;
  top: -6vw;
}
.con08_6 {
  margin-top: 5vw;
}
.con08_4 {
  width: 22%;
  right: 16%;
  top: 18%;
}
.con08_stag {
  width: 34%;
}
.con08_con_box_line {
  width: 15vw;
  height: 2px;
}





.con09 {
  padding: 13vw 0;
}
.con09_tt01 {
  font-size: 4.3vw;
  padding: 1.2vw 3vw;
  margin-bottom: 3vw;
}
.con09_tt02 {
  font-size: 5.8vw;
  margin-bottom: 1.5vw;
}
.con09_tt03 {
  margin-bottom: 2vw;
}
.con09_con {
  display: none;
}
.con09_con_box {
  gap: 4vw;
  padding: 6vw 0;
  width: 83%;
  border-radius: 4vw;
  flex-direction: column;
}
.con09_con_ttwrap {
  width: 100%;
  text-align: center;
}
.con09_con_box_img {
  width: 88%;
  margin-left: 0;
}
.con09_con_num{
  margin-bottom: 3vw;
  font-size: 3.8vw;
}
.con09_con_tt01 {
  font-size: 4.5vw;
  margin-bottom: 3vw;
}
.con09_con_tt02 {
  font-size: 3.5vw;
}
.swiper_con09_m{
  width: 100%;
  padding-top: 6vw;
}
.con09_ddm {
  width: unset;
  height: 10vw;
}
.con09_ddm img{
  width: unset !important;
  height: 100%;
  object-fit: cover;
}
.con09_5 {
  right: -6%;
  top: 3%;
}
.con09_6 {
  right: 3%;
  top: 21%;
}
.con09_9 {
  right: -6%;
  top: 13%;
}
.con09_12 {
  right: -5%;
  top: 9%;
}
.con09_13 {
  right: 3%;
  top: 25%;
}
.con09_16 {
  right: -4.5%;
  top: 2%;
}
.con09_17 {
  right: 3%;
  top: 20%;
}
.con09_18 {
  right: -8%;
  top: 37%;
}
.swiper_con09_m_btn {
  width: 8.5%;
  bottom: 34%;
  cursor: pointer;
  z-index: 5;
}
.swiper_con09_m_prev{
  left: 4%;
  transform: rotateY(180deg);
}
.swiper_con09_m_next{
  right: 4%;
}





.con10 {
  padding: 10vw 0 0 0;
}
.con10_1 {
  width: 11%;
  margin-bottom: 4vw;
}
.con10_tt02 {
  margin-bottom: 8vw;
}
.con10_con_box {
  padding: 8vw 0;
  z-index: 0;
  opacity: 1;
}
.con10_con_num {
  margin-bottom: 3vw;
  font-size: 3.8vw;
}
.con10_con_tt01 {
  font-size: 4.8vw;
  margin-bottom: 3vw;
}
.con10_con_tt02 {
  font-size: 3.5vw;
}
.con10_con_box.on{
  background-color: #000;
}
.con10_con_video {
    width: 100%;
    height: 100%;
    border-radius: 0;
    right: 0;
    top: 0;
    transition: 0.3s;
    transform: translateY(0);
    z-index: -1;
   opacity: 0;
}
.con10_con_box::after {
  display: none;
}
.con10_con_box.on .con10_con_video{
  opacity: 0.6;
}
.con10_con_video.this {
  right: auto;
  left: 0;
}





.con11 {
  padding: 13vw 0;
}
.con11_1 {
  width: 38%;
  margin-bottom: 3vw;
}
.con11_2 {
  width: 46%;
  margin-bottom: 14vw;
}
.con11_con_in {
  flex-direction: column;
  justify-content: space-between;
  padding: 8vw 0;
  box-sizing: border-box;
  gap: 75vw;
}
.con11_con {
  width: 85%;
  text-align: center;
}
.con11_4 {

}
.con11_con_tt01 {
  margin-bottom: 3vw;
  font-size: 5.5vw;
}
.con11_con_num {
  margin-bottom: 3vw;
}
.con11_con_tt02 {
  font-size: 3.8vw;
}
.con11_8_in_box.this {
  text-align: center;
}
.con11_4 {
  width: 72%;
}
.con11_5 {
  display: none;
}
.con11_3 {
  width: 50%;
  right: -13%;
  top: 12%;
}





.con12 {
  padding: 15vw 0 13vw 0;
  z-index: 0;
}
.con12_1 {
  width: 100%;
  margin-bottom: 1vw;
}
.con12_2 {
  width: 69%;
  margin-bottom: 6vw;
}
.menu_btnwrap {
  gap: 2vw;
  margin-bottom: -4vw;
  flex-wrap: wrap;
}
.menu_btn {
  width: 43vw;
  font-size: 3.6vw;
  padding: 2.4vw 0;
}
.menu_slidewrap {
  width: 93%;
  border-radius: 3vw;
  padding: 10vw 0 6vw 0;
}
.swiper_menu {
  width: 96%;
  transform: translateY(4vw);
}
.swiper_menu_slide_img {
  width: 42vw !important;
  height: 30vw;
  border-radius: 2vw;
}
.swiper_menu_slide_tt {
  font-size: 3.5vw;
  margin-top: 3vw;
}
.swiper_menu_btn {
  width: 8%;
  bottom: 45%;
}
.swiper_menu_next {
  right: -3%;
}
.swiper_menu_prev {
  left: -3%;
}
.con12_11 {
  width: 55%;
  top: -3%;
  opacity: 0.4;
  z-index: -1;
}
.con12_11.left {
  left: -14%;
}
.con12_11.right {
  right: -15%;
}





.con13 {
  padding: 13vw 0;
}
.con13_1 {
  margin-bottom: 3vw;
  width: 52%;
}
.con13_2 {
  width: 67%;
  margin-bottom: 8vw;
}
.con13_con{
  display: none;
}
.swiper_con13_m{
  width: 100%;
}
.con13_con_box {
  width: 91%;
  transition: 0.5s;
}
.swiper-slide-active .con13_con_box {
  transform: rotateY(180deg);
  transition-delay: 0.5s;
}
.con13_line {
  width: 4vw;
}





.con14 {
  height: 120vw;
}
.swiper_con14.item2 {
  display: none;
}
.swiper_con14.item3 {
  display: none;
}
.con14_1 {
  width: 46%;
  margin-bottom: 4vw;
}
.con14_2 {
  width: 70%;
  margin-bottom: 9vw;
}
.swiper_con14.item1 {
  left: -10%;
}
.swiper_con14.item4 {
  right: -10%;
}
.swiper_con14 {
  width: 46%;
  opacity: 0.6;
}
.con14_22_2 {
  display: none;
}
.con14_9 {
  width: 90%;
}
.con14_stag {
  width: unset;
  height: 8.5vw;
  opacity: 0.8 !important;
}
.con14_stag img{
  width: unset !important;
  height: 100%;
  object-fit: cover;
}
.con14_3 {
  left: 11%;
  top: 26%;
}
.con14_4 {
  left: 59%;
  top: 19%;
}
.con14_5 {
  left: 8%;
  top: 8%;
}
.con14_7 {
  left: 4%;
  top: 76%;
}
.con14_8 {
  left: 54%;
  top: 85%;
}
.con14_6 {
  left: 40%;
  top: 63%;
}





.con15 {
  padding: 13vw 0 10vw 0;
}
.con15_tt02 {
  margin-bottom: 8vw;
}
.con15_con {
  width: 100%;
  background-color: #fff3f4;
  padding: 10vw 0;
  display: flex;
  flex-direction: column;
  gap: 8vw;
  border-radius: 8vw;
}
.con15_con_box_pink{
  width: 100%;
  position: static !important;
  padding: 0;
  text-align: center;
  margin-bottom: 6vw;
}
.con15_con_box_pink_tt01 {
  font-size: 5.6vw;
  margin-bottom: 3vw;
}
.con15_con_box_pink_tt02 {
  font-size: 3.5vw;
}
.con15_con_box_pink.left {
  text-align: center;
}





.con16 {
  padding: 13vw 0;
}
.con16_tt01{
  margin-bottom: 6vw;
}
.con16_1 {
  width: 16%;
  margin-bottom: 2vw;
}
.con16_con {
  width: 90%;
}
.con16_con_box {
  border-radius: 3vw;
  padding: 3vw 0;
}
.con16_con_box_top .con16_con_box_tt {
  font-size: 3.5vw;
}
.con16_5 {
  width: 5%;
  margin-right: 2.5vw;
}
.con16_3 {
  width: 3.5%;
}
.con16_6 {
  width: 5%;
  margin-right: 2.5vw;
  margin-top: 0.3vw;
}
.con16_con_box_tt {
  font-size: 3.5vw;
}
.con16_con_box.on {
  background-color: var(--main-red);
  color: #fff;
  padding: 4vw 0 2vw 0;
}
.con16_con_box_in {
  width: 90%;
}
.con16_con_box_btm {
  padding-top: 4vw;
  padding-bottom: 3vw;
}
.con16_con_box.on .con16_con_box_top {
  padding-bottom: 3vw;
}





.con1718 {
  padding: 13vw 0;
}
.con1718_bg {
  width: 94%;
  height: 98.5%;
  border-radius: 3vw;
}
.con17_con, .con17_btm_con {
  width: 100%;
}
.con17_tt01, .con17_btm_tt01 {
  margin-bottom: 6vw;
}
.con17_con{
  flex-direction: column;
  align-items: center;
  gap: 4vw;
}
.con17_con_box {
  width: 80%;
}
.con17_5 {
  bottom: 5%;
}
.con17_9 {
  width: 57%;
  bottom: 2%;
  right: 0%;
}
.con17_btm_con{
  justify-content: center;
  gap: 2vw;
}
.con17_12 {
  width: 34%;
}
.con17_20 {
  width: 4%;
}
.con17_top {
  margin-bottom: 13vw;
}
.con17_con_box_line {
  width: 11vw;
  height: 1px;
  right: 24.9%;
}
.con17_con_box_tt {
  font-size: 4vw;
  right: 14%;
}





.con18 {
  padding: 13vw 0 10vw 0;
}
.con18_1 {
  width: 67%;
  margin-bottom: 12vw;
}



.con19 {
  padding: 13vw 0;
}
.con19_con {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 8vw;
}
.con19_1 {
  width: 65%;
  margin-bottom: 4vw;
}
.con19_2 {
  width: 61%;
  margin-bottom: 3vw;
}
.con19_3 {
  width: 46%;
  margin-bottom: 6vw;
}
.con19_tt01 {
  text-align: center;
  margin-bottom: 3vw;
}
.con19_4 {
  width: 54%;
  margin-bottom: 3vw;
}
.con19_5 {
  width: 54%;
}






.con19_6 {
  width: 12%;
  top: 3.5%;
}
.form_wrap_bg_line {
  height: 3vw;
  top: 7.5%;
}

.form_wrap_bg {
  border-radius: 3vw;
}
.form_wrap_bg_line_center {
  top: 47%;
}


/* form */
.form_input{
  width: 65%;
  height: 8vw;
}
div.form_telbox .form_input {
  width: 28%;
  height: 8vw;
}
.form_check_wrap{
  width: 65%;
  justify-content: space-between;
}
div.form_wrap {
  width: 90%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: 4vw;
  padding: 0;
  padding-top: 18vw;
  padding-bottom: 8vw;
  font-size: 3.8vw;
  margin: 0 auto;
  position: relative;
  right: auto;
}
.form {
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "SUIT-Regular";
}
.form_col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 11vw;
}

.form_star {
  top: 14%;
  left: -0.7vw;
  color: #ef823a;
}
.form_star_top {
  top: -25%;
  left: 38.4vw;
}
.form_top {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-bottom: 1px solid #0000007a;
  padding-bottom: 2.5vw;
}
.form_check_wrap01 label {
  width: fit-content;
  height: 4.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: #000;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid #0000007a;
  padding: 0 0.7vw;
}
.footeer_agree_checkbox_01,
.footeer_checkbox_05,
.footeer_checkbox_06 {
  width: 3.5vw;
  height: 3.5vw;
  outline: 1px solid #fff;
  /* border: none; */
  cursor: pointer;
  appearance: none;
  background-color: transparent;
  border-radius: 100%;
  margin-right: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footeer_agree_checkbox_01:checked::before {

}
.footeer_checkbox_05, .footeer_checkbox_06 {
  width: 0;
  opacity: 0;
  visibility: hidden;
  margin: 0;
}
/* .footeer_checkbox_05 {
  margin-right: 12vw;
} */
.form_check_name_05,
.form_check_name_06 {
  padding: 2.5vw 3vw ;
  font-size: 3.8vw;
  border-radius: 1vw;
}
.form_check_name_05{
  margin-right: 2vw;
}
.form_agree_wrap {
  width: 100%;
  display: flex;
  /* justify-content: flex-start; */
  justify-content: center;
  align-items: center;
  font-size: 3.4vw;
  border-radius: 2vw;
  padding: 3vw 0;
}
.form_submit_div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 4.5vw;
  padding: 3vw 0;
  border-radius: 2vw;
  bottom: -13.5%;
}








/*    map*/
.map_link_popup {
  padding-top: 3vw;
}

.con20_map {
  width: 90% !important;
}
.map_mid_2nd {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 93%;
margin-bottom: 0;
border: 1px solid #000;
}    


.map {
width: 100%;
height: 55vw;
border-radius: 0vw;
border-bottom: none;
border: none;
}
.map_search {
width: 5% !important;
right: 8%;
}
.map_mid_map_search_mid {
display: flex;
justify-content: space-between;
align-items: center;
width: 91%;
height: 12vw;
padding: 0% 4%;
box-sizing: border-box;
margin: auto;
z-index: 3;
top: -7vw;
background-color: #fff;
border-radius: 50vw;
overflow: hidden;
}
.map_mid_map_search{
position: relative !important;
width: 100%;
background: white;
height: 89vw;
top: 5%;
z-index: 0;
overflow: hidden;
border-radius: 0;
left: 0;
transform: translateY(0);
border: none;
}
.map_mid_map_search_top > div {
color: #000;
width: 50%;
display: flex;
justify-content: center;
align-items: center;
padding-top: 5%;
padding-bottom: 3%;
font-size: 3.2vw;
}
.map_mid_map_search_mid input {
appearance: none;
border: none;
outline: none;
height: 100%;
padding-left: 5%;
font-size: 3.5vw;
}


.map_mid_map_search_item {
margin: 0% auto;
border-bottom: 1px solid #808080a3;
padding: 7% 0;
font-size: 3.4vw;
box-sizing: border-box;
width: 85%;
}
.map_mid_map_search_item_title {
font-size: 4.3vw;
font-family: pretendard-bold;
}
.map_mid_map_search_bottom {
overflow: scroll;
height: 87.5vw;
width: 100%;
}
.map_link {
width: 43%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 3vw;
}
.map_plus {
width: 9.4%;
display: flex;
justify-content: center;
align-items: center;
right: 0%;
bottom: 14%;
cursor: pointer;
}
/*  popup  */
.popup_right> div > div:nth-child(1) {
width: 27%;
}
.popup_right_1st {
color: #E3C179;
width: 78%;
margin-bottom: 1%;
text-align: left;
justify-content: center;
align-items: center;
font-size: 4.2vw;
margin-top: 6%;
text-align: center;
}
div.popup {
width: 84%;
height: 120vw;
flex-direction: column;
justify-content: flex-start;
padding-top: 0%;
top: 0%;
gap: 4vw;
}

.popup_right_3rd .popup_right_3rd_right{
    width: 72%;
}



.popup_img {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 0;
height: 50%;
overflow: hidden;
margin-top: 0%;
margin-bottom: 0%;
padding: 8vw 3vw 3vw 3vw;
}    
.popup_img_con {
left: unset;
overflow: hidden;
scale: 0.8;
overflow: hidden;
} 
.popup_top_absol {
width: 12.4369%;
display: flex;
justify-content: center;
align-items: center;
top: 6%;
left: unset;
}
.popup_top_absol_2nd {
width: 96.6687%;
display: flex;
justify-content: center;
align-items: center;
top: 13%;
left: unset;
}    
.popup_img {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 0;
height: 50%;
overflow: hidden;
}
.popup_right_6th{
justify-content: center !important;
}
.holme_close{
width: 100%;
}
.popup_close {
  top: 1.5% !important;
  right: 2.5% !important;
  /* height: 7.5vw; */
  width: 4vw !important;
  z-index: 10 !important;
}

.fixed_popup {
z-index: 500000000;
}


.con01pop_05{
width: 100%;
}
.popup_right_6th_left {
width: 37.523% !important;
display: flex;
justify-content: center;
align-items: center;
color: #000;
background-color: #19c365;
border-radius: 5vw;
padding: 1.5vw 3vw;
right: auto;
bottom: 6%;
}

.popup_img_con {
overflow: hidden;
width: 100%;
scale: 1;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}    
.popup_right_2nd {
font-weight: 600;
width: 100%;
font-size: 4.56vw;
padding-bottom: 5%;
padding-left: 0%;
text-align: center;
}
.popup_right {
width: 100%;
height: 39%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
}

.popup_right>div {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
margin-top: 5%;
margin-left: 12%;
}

.popup_right>div>div:nth-child(1) {
width: 30%;
font-size: 4vw;
}

.popup_right>div>div:nth-child(2) {
font-weight: 400;
font-size: 3.5vw;
width: 60%;
}
div.popup_logo {
display: none !important;
}




/* 메뉴판 */

.swiper_menupan {
  width: 94%;
}
.swiper_menupan_btn {
  width: 9%;
  bottom: 16%;
}
.swiper_menupan_prev {
  left: 39%;
}
.swiper_menupan_next {
  right: 39%;
}
.con12_12 {
  width: 48%;
  margin-top: 6vw;
}
.menu_popup_x {
  width: 5%;
  top: 28%;
  right: 5.1%;
}





}
